/*
 * Copyright (c) 2010, yuandot Inc. All rights reserved.
 * web site: www.yuandot.com
 * version: 0.22 Beta
 * author: hiscaler <hiscaler@gmail.com>
*/

/*******************************************************************************
 * public
 ******************************************************************************/
body {
    margin: 0;
    padding: 0;
    color: #555;
    font: normal 10pt Arial,Helvetica,sans-serif;
}
body, div, table, tr, td, p, span { color: #000; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
table, tr, td { border: none; }
a { text-decoration: none; }

.row { width: 100%; clear: both; }
ul { padding: 0; margin: 0; }
ul li { list-style: none; }

ul { padding: 0; margin: 0; }
.hidden { display: none; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    zoom:1;
    display: inline-block;
    _height:1px;
}
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
*+html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/*******************************************************************************
 * Fix
 ******************************************************************************/
.fix_mt { margin-top: 10px; }
.fix_mb { margin-bottom: 10px; }
.fix_mtb { margin-top: 10px; margin-bottom: 10px; }
.fix_pt { padding-top: 10px; }
.fix_pb { padding-bottom: 10px; }
.fix_ptb { padding-top: 10px; padding-bottom: 10px; }
/*******************************************************************************
 * Page Header
 ******************************************************************************/
#page_header {
    width: 100%; height: 468px; margin: 0; padding: 0;
    background: #fff url(../images/bg_page_header.png) 50% 0 no-repeat;
}
/*******************************************************************************
 * Header
 ******************************************************************************/
#header { margin: 0; padding: 0; }
#header span { font-size: 12px; padding: 0 6px; background-color: #000; color: #fff; }
#logo { padding: 50px 20px; font-size: 200%; }

#top_nav { float: right; right: 51px; top: 3px; list-style: none; margin: 0; padding: 0; }
#top_nav li { float: left; margin: 0 0 0 5px; padding: 0 0 0 7px; background: url(../images/sep-a.gif) 0 75% no-repeat; }
#top_nav li.first { margin-left: 0; padding-left: 0; background: none; }
#top_nav li a { float: left; color: #142830; text-shadow: #fff 0 1px 0; }
/*******************************************************************************
 * Main Menu
 ******************************************************************************/
#mainmenu { background:white url(bg.gif) repeat-x left top; }
#mainmenu ul { padding:6px 20px 5px 20px; margin:0px; }
#mainmenu ul li { display: inline; }
#mainmenu ul li a {
    color:#ffffff; background-color:transparent; font-size:12px; font-weight:bold;
    text-decoration:none; padding:5px 8px;
}
#mainmenu ul li a:hover, #mainmenu ul li.active a {
    color: #6399cd; background-color:#EFF4FA; text-decoration:none;
}
/*******************************************************************************
 * 位置导航
 ******************************************************************************/
div.breadcrumbs { clear: both; font-size: 0.9em; padding: 10px 2px; }
div.breadcrumbs span { font-weight: normal; }
/*******************************************************************************
 * Slide Pictures
 ******************************************************************************/
#slide_pictures {
    width: 950px; height: 272px; background: url(../images/slide.jpg) no-repeat;
}
/*******************************************************************************
 * Box Posts
 ******************************************************************************/
.box_posts {
    width: 310px; padding: 0; margin: 0;
}
.box_posts div.top {
    height: 35px; line-height: 35px; font-weight: bold;
    background: url(../images/box_posts_top.jpg) no-repeat;
}
.box_posts div.top h4.title {
    height: 35px; line-height: 35px; text-align: left; margin: 0 10px;
}
.box_posts div.top h4.title span { float: right; }
.box_posts div.top h4.title span a { font-size: 12px; font-weight: normal; color: #aaa; }
.box_posts div.body {
    width: 308px; min-height: 60px; *min-height: 60px;
    border: #b3cfda solid 1px; border-top: none;
}
/*******************************************************************************
 * Box Large
 ******************************************************************************/
#box_large { width: 710px; padding: 0; margin: 0; }
#box_large div#top {
    height: 35px; line-height: 35px;
    background: url(../images/box_large_top.jpg) no-repeat;
    font-weight: bold; padding-left: 30px;
}
#box_large div#body {
    width: 708px; min-height: 600px; border: #ccc solid 1px; border-top: none;
}
#box_large div#body div#body_main {
    width: 690px; padding: 9px;
}
/*******************************************************************************
 * Box Column Lists
 ******************************************************************************/
.box_column_lists {
    width: 230px; padding: 0; margin: 0;
}
.box_column_lists div.top {
    height: 35px; line-height: 35px; font-weight: bold; padding-left: 20px;
    background: url(../images/box_column_lists_top.jpg) no-repeat;
}
.box_column_lists div.body {
    width: 228px; min-height: 60px; *min-height: 60px; border: #ccc solid 1px; border-top: none;

}
.box_column_lists div.body ul { padding: 0; margin: 0px 20px 10px; }
.box_column_lists div.body ul li {
    line-height: 40px; list-style: none; font-weight: bold;
    background: url(../images/box_column_lists_split.jpg) no-repeat left bottom;
    padding-left: 12px;
}
/*******************************************************************************
 * Lists
 ******************************************************************************/
ul.lists { padding: 0 0 0 16px; margin: 0 10px; }
ul.lists li { line-height: 25px; list-style: square; }
ul.lists li span { padding-left: 12px; color: #aaa; }
/*******************************************************************************
 * Post Datas View Style
 ******************************************************************************/
/*******************************************************************************
 * Infos Views full
 ******************************************************************************/
.infos_view_full { margin: 0 0 20px; }
.infos_view_full .title {
    font-size: 1.8em; font-weight: bold; border-bottom: 1px solid #C9E0ED;
    text-align: left;
}
.infos_view_full .title a {
    color: #555; font-weight: bold; text-decoration: none;
}
.infos_view_full .other { color: #888; margin: 5px; text-align: left; }
.infos_view_full .other span { padding: 0 5px;}
.infos_view_full div.content {
    line-height: 25px; text-indent: 24px;
}
.infos_view_full .footer {
    -moz-border-radius:7px; padding: 5px; background: #f6f7f9;
}
.infos_view_full .footer p { padding: 0; margin: 0; }
.infos_view_full .footer p.tags, p.others {
    line-height: 25px; text-align: left;
}
/*******************************************************************************
 * Cases Lists
 ******************************************************************************/
.case_lists {
    width: 100%; height: 160px; margin: 0; border-bottom: #ccc solid 1px;
}
.case_lists div.thumb_img {
    width: 120px; height: 160px; line-height: 160px; float: left; text-align: center;
}
.case_lists div.thumb_img img {
    width: 120px; height: 120px; padding: 2px; border: #ccc solid 1px;
}
.case_lists div.content {
    float: left; margin-left: 10px; width: 550px;
}

.case_lists div.content .title {
    font-size: 1.8em; font-weight: bold; border-bottom: 1px solid #C9E0ED;
    text-align: left;
}
.case_lists div.content .title a {
    color: #555; font-weight: bold; text-decoration: none;
}
.case_lists div.content .other { color: #888; margin: 5px; text-align: left; }
.case_lists div.content .other span { padding: 0 5px;}
.case_lists div.content div.content_main {
    line-height: 25px; text-indent: 24px;
}
.case_lists div.content .footer {
    -moz-border-radius:7px; padding: 5px; background: #f6f7f9;
}
.case_lists div.content .footer p { padding: 0; margin: 0; }
.case_lists div.content .footer p.tags, p.others {
    line-height: 25px; text-align: left;
}
/*******************************************************************************
 * Case Details
 ******************************************************************************/
.case_details {
    width: 100%; margin: 0px;
}
.case_details div.thumb_img {
    width: 120px; height: 160px; line-height: 160px; float: left; text-align: center;
}
.case_details div.thumb_img img {
    padding: 2px; border: #ccc solid 1px;
}
.case_details div.infos {
    float: left; margin-left: 10px; width: 550px;
}

.case_details div.infos .title {
    font-size: 1.8em; font-weight: bold; border-bottom: 1px solid #C9E0ED;
    text-align: left;
}
.case_details div.infos .title a {
    color: #555; font-weight: bold; text-decoration: none;
}
.case_details div.infos .title a.url {
    float: right; font-size: 0.6em; font-weight: normal;
}
.case_details div.infos .other { color: #888; margin: 5px; text-align: left; }
.case_details div.infos .other span { padding: 0 5px;}
.case_details div.content_details {
    line-height: 25px; text-indent: 24px;
}
.case_details div.footer {
    -moz-border-radius:7px; padding: 5px; background: #f6f7f9;
}
.case_details div.footer p { padding: 0; margin: 0; }
.case_details div.footer p.tags, p.others {
    line-height: 25px; text-align: left;
}
/*******************************************************************************
 * Product List
 ******************************************************************************/
/* icon 样式 */
.products_icon { width: 200px; float: left; padding-left: 22px; text-align: center; }
.products_icon div.thumbnail { width: 100%; }
.products_icon div.thumbnail img { padding: 2px; border: #ccc solid 1px; }
.products_icon h4.name { height: 30px; line-height: 30px; }
/* details */
.product_details { width: 100%; padding: 0; margin: 0; text-align: center; }
.product_details div.name {
    height: 40px; line-height: 40px; font-size: 1.3em; font-weight: bold;
    border-bottom: #ccc solid 1px;
}
.product_details .other {
    color: #888; margin: 5px; text-align: center;
}
.product_details .other span { padding: 0 5px;}

.product_details div.thumbnail { width: 40%; float: left; }
.product_details div.thumbnail img  { width: 300px; float: left; }
.product_details div.params { width: 60%; float: right; }
.product_details div.params ul { padding: 0; margin: 10px; }
.product_details div.params ul li { height: 30px; }
.product_details div.params ul li span { padding-right: 10px; font-weight: bold; }
.product_details div.summary { margin: 10px 0; }
/*******************************************************************************
 * Video Lists
 ******************************************************************************/
.video_lists {
    width: 100%; height: 160px; margin: 0; border-bottom: #ccc solid 1px;
}
.video_lists div.cover_img {
    width: 120px; height: 160px; line-height: 160px; float: left; text-align: center;
}
.video_lists div.cover_img img {
    width: 120px; height: 80px; padding: 2px; border: #ccc solid 1px;
}
.video_lists div.content {
    float: left; margin-left: 10px; width: 550px;
}

.video_lists div.content .title {
    font-size: 1.8em; font-weight: bold; border-bottom: 1px solid #C9E0ED;
    text-align: left;
}
.video_lists div.content .title a {
    color: #555; font-weight: bold; text-decoration: none;
}
.video_lists div.content .other { color: #888; margin: 5px; text-align: left; }
.video_lists div.content .other span { padding: 0 5px;}
.video_lists div.content div.content_main {
    line-height: 25px; text-indent: 24px;
}
.video_lists div.content .footer {
    -moz-border-radius:7px; padding: 5px; background: #f6f7f9;
}
.video_lists div.content .footer p { padding: 0; margin: 0; }
.video_lists div.content .footer p.tags, p.others {
    line-height: 25px; text-align: left;
}
/*******************************************************************************
 * Video Details
 ******************************************************************************/
.video_details {
    width: 100%; margin: 0px;
}
.video_details div.cover_img {
    width: 120px; height: 160px; line-height: 160px; float: left; text-align: center;
}
.video_details div.cover_img img {
    width: 120px; height: 80px; padding: 2px; border: #ccc solid 1px;
}
.video_details div.infos {
    float: left; margin-left: 10px; width: 550px;
}

.video_details div.infos .title {
    font-size: 1.8em; font-weight: bold; border-bottom: 1px solid #C9E0ED;
    text-align: left;
}
.video_details div.infos .title a {
    color: #555; font-weight: bold; text-decoration: none;
}
.video_details div.infos .title a.url {
    float: right; font-size: 0.6em; font-weight: normal;
}
.video_details div.infos .other { color: #888; margin: 5px; text-align: left; }
.video_details div.infos .other span { padding: 0 5px;}
.video_details div.content_details {
    line-height: 25px; text-indent: 24px;
}
.video_details div.footer {
    -moz-border-radius:7px; padding: 5px; background: #f6f7f9;
}
.video_details div.footer p { padding: 0; margin: 0; }
.video_details div.footer p.tags, p.others {
    line-height: 25px; text-align: left;
}
/*******************************************************************************
 * Portlet Widget
 ******************************************************************************/
.portlet {}
.portlet-decoration { }
.portlet-title {
    font-size: 12px; font-weight: bold; padding: 8px 5px; margin: 0; color: #298dcd;
    background-color: #dbe5ee;
}
.portlet-content {
    font-size: 0.9em; margin: 0; padding: 5px 8px; margin-bottom: 15px; background: #f6f7f9;
}
.portlet-content ul {
    list-style-image: none; list-style-position: outside; list-style-type: none;
    margin: 0; padding: 0;
}
.portlet-content li {
    padding: 2px 0 4px 0px;
}

/*******************************************************************************
 * Page Bottom
 ******************************************************************************/
#page_bottom {
    width: 100%; padding: 0; margin: 0;
    /*background: #cdecf5 url(../images/bg_page_bottom.png) repeat-x left bottom;*/
}
/*******************************************************************************
 * Text Links
 ******************************************************************************/
#text_links { padding: 10px 0px; background-color: #13272e; border: #0e1b21 solid 1px; border-bottom: none; text-align: center; }
#text_links ul {}
#text_links ul li { float: left; padding-left: 12px; }
#text_links ul li a { color: #fff; }
/*******************************************************************************
 * Footer
 ******************************************************************************/
/*
#footer {
	height: 87px;
	text-align: center;
	font-size: 12px;
	overflow: hidden;
  padding: 40px 0; background: url(../images/bg-footer.gif) repeat-x;
}
#footer p.row { line-height: 25px; padding: 0; margin: 0; color: #fff; }
#footer p.row span { padding-left: 20px; }
#footer p.row a { font-weight: normal; color: #fff; }
 */


#footer { padding: 15px 0; background: url(../images/bg_footer.jpg) repeat-x; }
#footer div.wrap { overflow: hidden; width: 950px; margin: 0 auto; height: 45px;}
#footer div.other_infos { overflow: hidden; width: 950px; margin: 0 auto; height: 65px;}
#footer div.other_infos p {
    height: 25px; color: #fff; padding: 0; margin: 0; text-align: center;
}
#footer div.other_infos p a { color: #aaa; }
#footer div.wrap ul { float: right; list-style: none; margin: 0; padding: 0; }
#footer div.wrap ul li { display: inline; float: left; margin: 0; font-weight: bold; }
#footer div.wrap ul li a { float: left; padding: 10px; color: #fff; }
#footer div.wrap ul li a[href*=donate] { color: #fbdb39; }
#footer div.wrap ul li a:hover,
#footer div.wrap ul li a:focus,
#footer div.wrap ul li a:active { color: #a2eaff; text-decoration: none; }
#footer div.wrap ul li a.active {
    padding: 9px; border: 1px solid #0d1a20;
    /*border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;*/
    background: #0c1a20 url(../images/footer-nav-bg.gif) no-repeat; color: #fff;
}
.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }
